/*
 * StrayBirds's main css file
 * 
 * This file include GLYPHICONS FREE:
 * -------------------------------------------
 * LICENSE
 * -------------------------------------------
 * GLYPHICONS FREE are released under the Creative Commons Attribution 
 * 3.0 Unported (CC BY 3.0). The GLYPHICONS FREE can be used both commercially 
 * and for personal use, but you must always add a link to GLYPHICONS.com in 
 * a prominent place (e.g. the footer of a website), include the CC-BY license 
 * and the reference to GLYPHICONS.com on every page using icons.
 *
 * All icons are provided "as they are" without a warranty of any kind, 
 * either expressed or implied. I am not liable for any damages coused of 
 * any defects in this icon set. All logos and trademarks in social icons 
 * are the property of the respective trademark owners. 
 * 
 */

/*
 * This will delay the page drastically
@font-face {
    font-family: "wqy-microhei";
    
    src: url("/assets/fonts/wqy-microhei.ttf"),
         url("/assets/fonts/wqy-microhei.ttc");
}*/

body {
    /**background-color: #333;**/
    /**color: #D6DBDF;**/
    font-family: 
        Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    height: 100%;
    line-height: 27px;
}

.container {
    min-height: 100%;
    position: relative;
}


header {
    height: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.github-src {
    position: relative;
    left: 600px;
    top: 20px;
}

article {
    /**background-color: #444;**/
   /* width: 1000px; */
    /* margin: 0px 300px 0px 250px; */
    padding: 10px 40px 10px 40px;
    font-size: 120%;
}

.comments {
    width: 1080px;
    margin: 0px 300px 0px 250px;
    padding: 10px 0px 10px 0px;
}

aside {
    width: 200px;
    height: 700px;
    font-size: 120%;
}

#left-side {
    float: left;
}

#right-side {
    float: right;
}

footer {
    height: 20px;
    width: 100%;
    clear: both;
    text-align: center;
    margin: 20px 0px 10px 0px;
}

a {
    color: #08c;
    text-decoration: none;
}

li {
    margin-top: 5px;
}

.post-list li {
    margin-top: 10px;
    list-style: none;
}

/*目录界面字体*/
.post-title {
    font-size: 200%;
    margin: 10px;
    margin-bottom: 30px;
}

.post-info {
    margin: 10px;
}

.post-info ol {
    padding-left: 10px;
    width: 100%;
    height: 20px;
}

.post-info ol li {
    width: 250px;
    margin-top: 0px;
    margin-right: 10px;
    list-style-type: none;
    float: left;
    font-size: 120%;
}

.post-info ol li.post-time {
    background:
        url('/assets/images/glyphicons_045_calendar.png')
        no-repeat
        left
        center;
    padding-left: 30px;
}

.archive-list li{
    line-height: 30px;
}

.archive-list li {
    background:
        url('/assets/images/glyphicons_045_calendar.png')
        no-repeat
        left
        center;
    width: 120px;
    line-height: 30px;
    padding-left: 30px;
}

.post-info ol li.post-category {
    background:
        url('/assets/images/glyphicons_440_folder_closed.png')
        no-repeat
        left
        center;
    padding-left: 30px;
}

.category-list li {
    background:
        url('/assets/images/glyphicons_440_folder_closed.png')
        no-repeat
        left
        center;
    padding-left: 30px;
}


.post-preview {
    margin: 50px 20px 70px 20px;
}

aside li {
    margin-left: 30px;
    line-height: 40px;
    list-style: none;
}

aside ul.category-list li {
    width: 140px;
 }

aside ul.archive-list li {
    width: 130px;
}

aside li:hover {
    background-color: #444;
    transition: 0.5s;
}

aside ul.category-list li:hover {
    width: 140px;
}

aside ul.archive-list li:hover {
    width: 130px;
}

aside li a:before {
    content: "";
    display: inline;
}

aside li a {
    width: 100%;
    height: 100%;
    margin: 0px;
    display: block;
}

aside ul {
    padding-left: 10px;
}

img {
    max-width: 100%;
}

.highlight pre{
    padding: 10px;
}

blockquote {
    margin: 0px;
    padding: 10px;
    color: #fff;
    background-color: #2e2;
}

blockquote p {
    margin: 0px;
}


.pagination {
    text-align: center;
}

p code {
    background-color: #2e2;
    padding: 3px;
}


table, th, td {
    border: 2px solid #D6DBDF;
    border-collapse: collapse;
    padding: 5px;
}

.search{color:#2e2;margin:4px;}
.project{color:red;margin:4px;}
.about{color:#b0a5e8;margin:4px;}


 #screen{
    background:#fff;
    position:absolute;
    width:100%;
    height:100%;
    }
    #screen span{
    /*background:#fff;*/
    /*font-size:0;*/
    overflow:hidden;
    width:2px;
    height:2px;
    }
	
	
#footdiv{
	height:8%;
}



/*.panel-shadow {
    box-shadow: rgba(0, 0, 0, 0.3) 7px 7px 7px;
}*/

.panel {
    margin-top: 50px;
}

.panel-white {
    border: 1px solid #dddddd;
}

.panel-white .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
}

.panel-white .panel-footer {
    background-color: #fff;
    border-color: #ddd;
}



.post .post-heading {
    height: 95px;
    padding: 20px 15px;
}

.post .post-heading .avatar {
    width: 60px;
    height: 60px;
    display: block;
    margin-right: 15px;
}

.post .post-heading .meta .title {
    margin-bottom: 0;
}

.post .post-heading .meta .title a {
    color: black;
}

.post .post-heading .meta .title a:hover {
    color: #aaaaaa;
}

.post .post-heading .meta .time {
    margin-top: 8px;
    color: #999;
}

.post .post-image .image {
    width: 100%;
    height: auto;
}

.post .post-description {
    padding: 15px;
}

.post .post-description p {
    font-size: 14px;
}

.post .post-description .stats {
    margin-top: 20px;
}

.post .post-description .stats .stat-item {
    display: inline-block;
    margin-right: 15px;
}

.post .post-description .stats .stat-item .icon {
    margin-right: 8px;
}

.post .post-footer {
    border-top: 1px solid #ddd;
    padding: 15px;
}

.post .post-footer .input-group-addon a {
    color: #454545;
}

.post .post-footer .comments-list {
    padding: 0;
    margin-top: 20px;
    list-style-type: none;
}

.post .post-footer .comments-list .comment {
    display: block;
    width: 100%;
    margin: 20px 0;
}

.post .post-footer .comments-list .comment .avatar {
    width: 35px;
    height: 35px;
}

.post .post-footer .comments-list .comment .comment-heading {
    display: block;
    width: 100%;
}

.post .post-footer .comments-list .comment .comment-heading .user {
    font-size: 14px;
    font-weight: bold;
    display: inline;
    margin-top: 0;
    margin-right: 10px;
}

.post .post-footer .comments-list .comment .comment-heading .time {
    font-size: 12px;
    color: #aaa;
    margin-top: 0;
    display: inline;
}

.post .post-footer .comments-list .comment .comment-body {
    margin-left: 50px;
}

.post .post-footer .comments-list .comment>.comments-list {
    margin-left: 50px;
}

#comments {
    /*display: none;*/
}

#headtitle {
	left: 0px; 
	right: 0px; 
	background: black; 
	position: fixed; 
	z-index: 1;
}


#introduce {
	color:white;
}

.mylabel{
	color:white;
	font-style:italic;
}

#background {
	width: -webkit-fill-available;
	height: inherit;
	position: fixed;
	background-repeat: no-repeat;
	opacity: 0.3;
	/*https://www.fanmingming.com/article/bing-images-bg.html*/
}


h1, .h1 {
    font-size: 25px;
}